<%-- 
A general template for the entire website. Adds header, footer and just general site layout
--%>

<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="utf-8" />
	<title>The Cats News - Powered by HTML5 and CATS </title>
	
	<link rel="icon" href="favicon.ico" />
	<link rel="stylesheet" href="css/main.css" />
	<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="js/watermark.js"></script>
</head>

<body>
	<header class="top_header">
		<p class="title">
		<img src="logo.jpg" class="logo" />
		THE CATS NEWS
		<img src="logo.jpg" class="logo" />
		</p>
		<p class="tagline">Powered by HTML5 and Cats</p>
		<nav>
			<ul>
			<li><a href="article?action=view-category&category=home">Home</a></li>
			<li><a href="article?action=view-category&category=news">News</a></li>
			<li><a href="article?action=view-category&category=local">Local</a></li>			
			<li><a href="article?action=view-category&category=world">World</a></li>
			<li><a href="article?action=view-category&category=sports">Sports</a></li>
			<li><a href="article?action=view-category&category=entertainment">Entertainment</a></li>
			<li><a href="article?action=view-category&category=columns">Columns</a></li>
			<li><a href="createarticle.jsp">Create Article</a></li>
			</ul>
		</nav>
	</header>
	
	<section id="main_container">
	
		<%-- Google's translate code 
		     Translate the whole webpage --%>
		<div id="google_translate_element"></div><script>
		function googleTranslateElementInit() {
		  new google.translate.TranslateElement({
		    pageLanguage: 'en',
		    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
		  }, 'google_translate_element');
		}
		</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
		<%-- Google's translate code end --%>
	
		<jsp:doBody/> <%-- jsp page will handle the rest --%>
	
	</section>
		
	<footer>
		<p>Written by Chris Kwok for summer project course CSCD94</p>
	</footer>
</body>
</html>
